﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <div class="row">
        <div class="col-sm-12">
            <p>
                Bing Map is a web mapping service provided as a part of Microsoft's Bing suite of search engines and powered by the <a href="http://en.wikipedia.org/wiki/Bing_Maps_for_Enterprise">Bing Maps For Enterprise Framework</a>.

            </p>
            <p>
                Using this template, you will be able to create a Map View for your SharePoint lists utilizing Bing Maps.
            </p>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <h3 class="page-header">Featured screenshots</h3>
        </div>
        <div class="col-sm-8">
            <img src="../Lists/Templates/beta/bingmap/content/imgs/featured.png" class="img-thumbnail" title="featured screenshot" />

        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <h3 class="page-header">Supported browsers</h3>
        </div>
        <div class="col-sm-10">
            <ul class="list-group">
                <li class="list-group-item">
                    <span class="badge">v8+</span>
                    Internet Explorer
                </li>
                <li class="list-group-item">
                    <span class="badge">Supported</span>
                    Firefox
                </li>
                <li class="list-group-item">
                    <span class="badge">Supported</span>
                    Google Chrome
                </li>
                <li class="list-group-item">
                    <span class="badge">Supported</span>
                    Safari
                </li>
                <li class="list-group-item">
                    <span class="badge">Supported</span>
                    Opera
                </li>
            </ul>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <h3 class="page-header">Required List columns</h3>
            <p>This template can be applied on list views that have the following columns:</p>
        </div>
        <div class="col-sm-10">
            <table class="table table-striped table-hover ">
                <thead>
                    <tr>
                        <th class='col-sm-2'>Template Field</th>
                        <th class='col-sm-4'>Type</th>
                        <th class='col-sm-3'>Usage</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>fldTitle</td>
                        <td>Single line of text</td>
                        <td>Location's Title (Name of the city)</td>
                    </tr>
                    <tr>
                        <td>fldLatitude</td>
                        <td>Single line of text</td>
                        <td>Latitude for the location</td>
                    </tr>
                    <tr>
                        <td>fldLongitude</td>
                        <td>Single line of text</td>
                        <td>Longitude for the location</td>
                    </tr>


                </tbody>
            </table>
        </div>
        <div class="col-sm-12">
            <blockquote class="border-info">
                <p class="text-info">Info</p>
                <p><h5>If you have different column names you can change them from the <b>Apply</b> tab and change field mappings from the <b>Fields Mapping section</b>.</h5></p>
            </blockquote>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <h3 class="page-header">Settings</h3>
            <p>This template has the following settings to play with. Below are the available settings with all options and their default values:</p>

        </div>
        <div class="col-sm-10">
            <table class="table table-striped table-hover ">
                <thead>
                    <tr>
                        <th class='col-sm-3'>Setting</th>
                        <th class='col-sm-3'>Default</th>
                        <th class='col-sm-6'>Usage</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>credentials</td>
                        <td>AqI0vG9gTd2HwlrkZQcx0Mfw0odkB6_Y0lyhHIcw3dTdzGUyF1QrzI4r-IYKkzHc</td>
                        <td><b>This is the key provided by Bing maps in order to use the service, you should generate your own and use it here.</b></td>
                    </tr>
                    <tr>
                        <td>height</td>
                        <td>500</td>
                        <td>Map's height</td>
                    </tr>
                    <tr>
                        <td>width</td>
                        <td>800</td>
                        <td>Map's width</td>
                    </tr>
                    <tr>
                        <td>centerLatitude</td>
                        <td>25.19709</td>
                        <td>Default Latitude for the center of the Map</td>
                    </tr>
                    <tr>
                        <td>centerLongitude</td>
                        <td>55.274797</td>
                        <td>Default Longitude for the center of the Map</td>
                    </tr>
                    <tr>
                        <td>zoom</td>
                        <td>12</td>
                        <td>Default zooming</td>
                    </tr>
                    <tr>
                        <td>showMapTypeSelector</td>
                        <td>true</td>
                        <td>Indicator to show the Map's type</td>
                    </tr>
                    <tr>
                        <td>showScalebar</td>
                        <td>false</td>
                        <td>Indicator for the scale bar/td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>


    <div class="row">
        <div class="col-sm-12">
            <h3 class="page-header">Getting Latitude &amp; Longitude</h3>
            <p>To get the Latitude and Longitude for a specific location from Bing Maps, you can go to Bing map's site and search for the name of the target location and you can find all the needed info in the result page, for example here is how to get the exact location for Amman:</p>
            <br />
        </div>
        <div class="col-sm-10">
            <img src="../Lists/Templates/beta/bingmap/content/imgs/binglocation.png" class=" img-thumbnail" />
            <br />
            <br />

            We suggest you spend a bit of time learning more about using this service in order to be familiar with changing its settings.
            <br />
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <h3 class="page-header">Credit</h3>
            <p>The following services were used to help creating this template:</p>

        </div>
        <div class="col-sm-10">
            <table class="table table-striped table-hover ">

                <tbody>
                    <tr>
                        <td><a href="http://www.microsoft.com/maps/" target="_blank">bing Maps</a></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</body>
</html>